查看原文
其他

干货丨每日必刷,你真的懂 Feed 流吗?

长弓小子 长弓小子 2021-01-31

      欢迎关注「长弓小子」

    我们都是为梦想一起努力的人



Feed流是内容平台将信息传递给用户的一种手段。在这个内容为王的时代,Feed流的形式也演变得越发多种多样,本文会讲解些你应该掌握的相关知识。
   全文共 2130 字 10 图,阅读需要 9 分钟





什么是 Feed流?


Feed流起源于 RSS(Really Simple Syndication,简易信息聚合,将用户订阅内容的网站网址整理成聚合页,更方便、高效的进行信息的发布与共享)2006 年的 Facebook 首次使用 “News Feed” 的形式,其订阅源由某个网址或网站,变成了产生内容的人或团体。发展至今,Feed流已经演变出越来越多的呈现方式。Feed流的字面意思则更为直接:


   Feed:v. 喂养;n. 进食;饲料。你可以理解为不断将用户喜欢的内容和信息喂养给用户,以满足其需求。


   流:是内容信息呈现的形式,流的排列方式用很多种,最常用的有 timeline  rank 两种:


· timeline:是按照内容更新的时间顺序进行排列,比如早期的微博、微信订阅号推送等。


· rank:是使用算法将用户的行为数据和其他综合因素进行分析,依照内容的权重,对内容进行智能排序

微信订阅号消息推送,目前正在灰度测试一项名为 "阅读效率优化" 的新功能,就采用了最新的智能排序,替代了原先的时间排序:






Feed流的布局形式


Feed流一般会通过列表式、大图式、宫格式、拼图式、瀑布流式等布局形式展现,设计时需要根据不同的产品内容选择恰当的呈现形式。

   列表式:一般用于文字比较多且重要的情境下,现在的列表式中间也经常会夹杂着一到两种其他的排版格式,与列表式穿插使用,用于缓解用户长时间阅读带来的单调感:



   大图式:一般用于图片重要性较高的情境下,图片面积较大,用户以浏览图片信息为主。随着视频化阅读习惯的普及,一些图片也正慢慢被视频和动态图片替代



   宫格式:一般用于图片内容数量较多的情境下,最为常见的是九宫格、三宫格等。宫格式布局需要注意不同数量图片的适配和排版方式,比如当用户只发一张图片时,图片的最大宽度为两栏宽:



   拼图式:是用几张图片拼成一个完整的矩形,与杂志的图片排版类似,需要注意图片数量与排版的关系。也有人会将拼图式看作是宫格式布局的一种演变:


   瀑布流式:这是最近几年比较流行的一种布局方式,也是以展示图片为主,使用参差不齐的两栏或多栏卡片进行布局,图片的宽度保持一致,按照算法设定的进行位置布局:





Feed流的设计优化

不论以什么样的布局效果呈现,对于Feed流来说,都需要注意两个数据指标:一是在一级页面的点击率,二是点开之后的详情页的停留时长:


   一级页面的点击率   

Feed流一级页面的点击率,有两个主要的影响因素:内容呈现的质量活跃粉丝的数量,从这两个因素入手,我们可以对Feed流进行设计优化:


   提升内容质量的整体水平:选择优质且流行、符合用户个人喜好的内容进行推荐,注重图片的质量,善于利用文字而不是单纯的标题党。


   提炼展示内容的核心:尽可能的将核心内容突出展示,可以采用图片 + 文字、视频 + 文字等的多重展示手法


大众点评的Feed流,以瀑布流的效果进行展示,并智能提取内容发布者所写的关键字或语句,加在图片上,进一步强调内容,吸引他人点击。该功能应该是在内测阶段:


   适当添加互动功能:在Feed流中适当增加评论、点赞、收藏等互动功能,可以更好地维系用户之间的关系,也会为原始内容做有效的补充,更容易激发用户点击。

   排版方式穿插使用:在Feed流中同时使用 2-3 种排版方式,穿插出现,不会使排版过于单调,也有助于互相对比衬托。即使是同一种排版,也可以对图片颜色、内容等进行顺序调整

得到App中的Feed流以列表的效果进行展示,偶尔出现的推荐课程和书籍的图片排版,会让你眼前一亮:


   二级详情页的停留时长   

我们首先要明白,用户通过点击 Feed 进入二级页面,并不代表用户认可了内容质量,也可能是因为误操作,或者是对一级页面的内容(包括作者、标题、品牌、图片等)存在预期,无论用户是基于什么原因点击,产品都需要尽可能的留住用户:

   符合用户预期:在二级详情页中的内容要尽可能与一级页面展示的内容质量一致,符合甚至超出用户预期。


   内容具备互动性:体现在功能上如评论、点赞、转发等,评论有助于增加内容的深度,可引发围观用户的阅读兴趣;转发有助于增加内容的广度,能够带来更多潜在的受众。


   内容具备引导性:体现在产品更为细致的功能点上,如内容的排版、目录的引导、相关内容的推荐等,与平台上的其他内容相关联,形成用户路径的循环闭环:


马蜂窝App中的Feed流二级页面中,长篇游记会配目录,并在阅读过程中可以关注作者、分享文章、阅读相文章;文末评论区下方,会有新的Feed流推荐相关内容,使用户在产品中的路径形成不断循环的闭环:





为什么要使用 Feed 流?


Feed 流的本质是一个内容分发渠道,目的在于解决 “呈现什么样的内容给用户” 以及 “如何呈现这些内容”,Feed流的应用优势有以下几点:


   满足用户需求   


   信息分发效率更高:发布内容的用户可以获得更多的浏览量;阅读内容的用户可以更高效的浏览和发现自己感兴趣的内容。

   减少垃圾信息:在内容优质的产品中不会经常看到各种广告、水文等无价值的内容,用户真正感兴趣的内容不会被冲散。


   去中心化:大部分用户都缺少主动探索新内容的动力,按照用户喜好预判推送,有助于更多优质内容的扩散。

   解决产品需求   


   精准投放与营销:通过建立用户画像、分析用户行为和喜好之后,精准呈内容,并进行相关营销,对产品的营收及转化率都有帮助。


   提高用户粘性和使用时长:用户使用产品的频次越多,产品对于用户的数据和分析就会越准确,用户看到的内容就更接近于自己想要的,以此形成正向循环和依赖关系



本文图片及内容参考来源:
首图:Scroll by Gur Margalit for Wix Design Team
https://dribbble.com/shots/4298864-Scroll
http://www.woshipm.com/it/3720398.html
http://www.woshipm.com/pd/572072.html




 

   深度丨UX 动效设计的 “终极指南” !
   详解丨页面信息层级的检测方法!
   解锁丨2.5D 插画的绘制技巧!
   阿里巴巴的设计利器 Fusion Design!


- END -

欢迎关注「长弓小子」公众号
和数千位小伙伴一起为梦想而努力

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存